<!DOCTYPE html>
<html lang="zh-cn">

<head>

  <meta content="text/html;charset=utf-8" http-equiv="content-type">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

  <title>${orgName} - 预约查询</title>

  <!-- Bootstrap Core CSS -->
<!-- MetisMenu CSS -->
<!-- Custom CSS -->
<!-- Custom Fonts -->
  <!-- Timeline CSS -->
  <!-- Morris Charts CSS -->
  <!-- Bootstrap DateRangePicker CSS -->
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->

    <link rel="stylesheet" href="/server/r/bower_components/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/server/r/bower_components/metisMenu/dist/metisMenu.min.css" />
    <link rel="stylesheet" href="/server/r/static/css/sb-admin-2_e507c2b.css" />
    <link rel="stylesheet" type="text/css" href="/server/r/bower_components/font-awesome/css/font-awesome.min.css" />
    <link type="text/css" rel="stylesheet" href="/server/r/static/css/hxz/common_2baa698.css" />
    <link rel="stylesheet" href="/server/r/static/css/timeline_1c13c9f.css" />
    <link rel="stylesheet" href="/server/r/bower_components/morrisjs/morris.css" />
    <link rel="stylesheet" type="text/css" href="/server/r/bower_components/alertify/themes/alertify.core.css" />
    <link rel="stylesheet" type="text/css" href="/server/r/bower_components/alertify/themes/alertify.bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="/server/r/bower_components/select2/dist/css/select2.min.css" />
    <link rel="stylesheet" href="/server/r/bower_components/bootstrap-daterangepicker/daterangepicker.css" />
</head>

<body>
<div id="wrapper">

  <div class="modal fade" id="appoint-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
       aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">修改预约时间</h4>
        </div>
        <div class="modal-body">
          <form id="quartz-edit-form" role="form">
            <div class="form-group" style="padding-left: 100px;">
              <div class="form-group form-inline form-require">
                <label class="control-label">预约时间：</label>
                <input class="form-control input-sm" id="appointTime" name="appointTime" type="text"
                       placeholder="请输入预约时间" style="width: 300px;">
                <p class="help-block font-small">格式为yyyy-MM-dd hh:mm:ss  如(2015-12-20 08:30:22) </p>
                <p class="help-block font-small">修改时间不能早于当前时间! </p>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <a id="updateAppointTime" type="button" class="btn btn-success">更新</a>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>

  <!-- Navigation -->
  <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">

    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="index">${orgName}</a>
</div>
<!-- /.navbar-header -->

<ul class="nav navbar-top-links navbar-right">

    <!-- /.dropdown -->
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            ${userName} <i class="fa fa-user fa-fw"></i>  <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-user">
            <li><a href="/server/logout"><i class="fa fa-sign-out fa-fw"></i> 退出系统</a>
            </li>
        </ul>
        <!-- /.dropdown-user -->
    </li>
    <!-- /.dropdown -->
</ul>
<!-- /.navbar-top-links -->

    <div class="navbar-default sidebar" role="navigation">
      <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
    <li>
        <a href="/server/index"><i class="fa fa-dashboard fa-fw"></i> 首页</a>
    </li>
    <#if authMenu("/verify/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="/server/verify">
                <i class="fa fa-check fa-fw"></i> 核销
            </a>
            <!-- /.nav-second-level -->
        </li>
    </#if>
    <#if authMenu("/activity/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-asterisk fa-fw"></i> 产品管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/activity-add"> 创建产品</a>
                </li>
                <li>
                    <a href="/server/activity-list"> 我的产品</a>
                </li>
            </ul>
            <!-- /.nav-second-level -->
        </li>
    </#if>

    <#if authMenu("/player/*", Session.USER_PERMISSION?string)>
        <#if Session.ACTIVITY0?exists||Session.ACTIVITY1?exists>
            <li>
                <a href="#"><i class="fa fa-male fa-fw"></i> 报名管理<span class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li>
                        <a href="/server/player-list">报名查询</a>
                    </li>
                    <li>
                        <a href="/server/verifyRecord/list">核销记录</a>
                    </li>
                </ul>
            </li>
        </#if>
    </#if>

    <#if authMenu("/order/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-list-alt fa-fw"></i> 订单管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/order-list">订单查询</a>
                </li>
            </ul>
            <!-- /.nav-second-level -->
        </li>

        <#if authMenu("/ticket/*", Session.USER_PERMISSION?string)>
            <#if Session.ACTIVITY3?exists || Session.ACTIVITY6?exists>
                <li>
                    <a href="#"><i class="fa fa-ticket fa-fw"></i> 雪票管理<span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a href="/server/ticket-list">数据统计</a>
                        </li>
                        <li>
                            <a href="/server/verify?type=6">雪票核销</a>
                        </li>
                        <li>
                            <a href="/server/ticket-verify-list">核销记录</a>
                        </li>
                    </ul>
                    <!-- /.nav-second-level -->
                </li>
            </#if>
        </#if>
    </#if>

    <#if authMenu("/hotel/*", Session.USER_PERMISSION?string)>
        <#if Session.ACTIVITY7?exists>
            <li>
                <a href="#"><i class="fa fa-building fa-fw"></i> 酒店预订管理<span class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li>
                        <a href="/server/hotel-order-list">酒店预订管理</a>
                    </li>
                    <li>
                        <a href="/server/hotel-verify-list">核销记录</a>
                    </li>
                </ul>
            </li>
        </#if>
    </#if>

    <#if authMenu("/coach/*", Session.USER_PERMISSION?string)>
        <#if Session.ACTIVITY2?exists>
            <li>
                <a href="#"><i class="fa fa-users fa-fw"></i> 教练管理<span class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li>
                        <a href="/server/coach-list"> 预约查询</a>
                    </li>
                    <li>
                        <a href="/server/verify?type=2">教学签到</a>
                    </li>
                    <li>
                        <a href="/server/coach-verify-list">核销记录</a>
                    </li>
                </ul>
                <!-- /.nav-second-level -->
            </li>
        </#if>
    </#if>

    <#if authMenu("/camp/*", Session.USER_PERMISSION?string)>
        <#if Session.ACTIVITY5?exists>
            <li>
                <a href="#"><i class="fa fa-trophy fa-fw"></i> 冬令营管理<span class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li>
                        <a href="/server/camp-player-list"> 报名查询</a>
                    </li>
                </ul>
                <!-- /.nav-second-level -->
            </li>
        </#if>
    </#if>

    <#if authMenu("/finance/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-rmb fa-fw"></i> 财务管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/stream-list"> 交易流水</a>
                </li>
                <li>
                    <a href="/server/withdrawals-list">提现管理</a>
                </li>
            </ul>
            <!-- /.nav-second-level -->
        </li>
    </#if>

    <#if authMenu("/customer/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-user-md fa-fw"></i> 会员管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/customer-list">会员查询</a>
                </li>
            </ul>
        </li>
    </#if>

    <#if authMenu("/comment/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-comments fa-fw"></i> 评价管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/comment-list">评价管理</a>
                </li>
            </ul>
        </li>
    </#if>

    <#if authMenu("/statistics/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-bar-chart fa-fw"></i> 统计<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/statistics/product/list">产品统计</a>
                </li>
            </ul>
            <!-- /.nav-second-level -->
        </li>
    </#if>

    <#if authMenu("/marketing/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-key fa-fw"></i> 营销管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/marketing-list">营销活动</a>
                </li>
                <li>
                    <a href="/server/marketing-present-list">礼品列表</a>
                </li>
                <li>
                    <a href="/server/marketing-user-list">用户信息统计</a>
                </li>

            </ul>
            <!-- /.nav-second-level -->
        </li>
    </#if>

    <#if authMenu("/user/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-gear fa-fw"></i> 设置<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/authority/user-list">用户&权限</a>
                </li>

                <li>
                    <a href="/server/user-profile">主办方信息</a>
                </li>
            </ul>
            <!-- /.nav-second-level -->
        </li>
    </#if>

</ul>
      </div>
      <!-- /.sidebar-collapse -->
    </div>
    <!-- /.navbar-static-side -->
  </nav>
  <!--放置从ftl中取出的activityId-->
  <input id="activityId" value="${activityId!''}" type="hidden">
  <input id="episodeId" value="${episodeId!''}" type="hidden">

  <div id="page-wrapper">
    <div class="row">
      <div class="col-lg-12">
        <h3 class="page-header">预约查询</h3>
      </div>
      <!-- /.col-lg-12 -->
    </div>
    <!-- /.row -->
    <div class="form-inline">
      <div class="form-group">
        <label>产品：</label>
        <select class="form-control input-sm" id="coach-activity"></select>
      </div>
      <div class="form-group" id="episode-form-group" style="display: none;">
        <label>子项目：</label>
        <select class="form-control input-sm" id="coach-episode"></select>
      </div>
    </div>
    <div class="form-inline">
      <div class="form-group">
        <label>预约时间：</label>

        <div class="input-group" id="start-date">
          <span class="input-group-addon">
            <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
          </span>
          <input type="text" class="form-control input-sm" readonly placeholder="请选择查询区间起点" style="width: 150px;">
        </div>
        <label> ~ </label>

        <div class="input-group" id="end-date">
          <span class="input-group-addon">
            <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
          </span>
          <input type="text" class="form-control input-sm" readonly placeholder="请选择查询区间终点" style="width: 150px;">
        </div>
      </div>
      <input type="hidden" id="start-time" name="startTime">
      <input type="hidden" id="end-time" name="endTime">

      <div class="form-group">
        <label>状态：</label>
        <select class="form-control input-sm" id="order-status"></select>
      </div>
      <div class="form-group">
        <a id="play-filter" type="button" class="btn btn-sm btn-success btn-outline">查询</a>
        <a href="/server/coach-list" type="button" class="btn btn-sm btn-success btn-outline">全部</a>
        <a id="export-excel" type="button" class="btn btn-sm btn-success">导出excel</a>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            预约列表
            <div class="pull-right">
              累计金额：<label id="playCash"></label> 元
            </div>
          </div>
          <!-- /.panel-heading -->
          <div class="panel-body">
            <div class="dataTable_wrapper">
              <table class="table table-striped table-bordered table-hover">
                <thead>
                <tr class="warning">
                  <th>订单号</th>
                  <th>产品</th>
                  <th>子项目</th>
                  <th>票种</th>
                  <th>价格</th>
                  <th>姓名</th>
                  <th>电话</th>
                  <th>预约时间</th>
                  <td>状态</td>
                  <td>操作</td>
                </tr>
                </thead>
                <tbody id="coach-list-body"></tbody>
              </table>
            </div>

            <!-- /.row -->
            <div class="pagination dataTables_paginate paging_simple_numbers pull-right" id="pagination" role="status"
                 aria-live="polite">
            </div>
          </div>
          <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
      </div>
      <!-- /.col-lg-12 -->
    </div>
  </div>
  <!-- /#page-wrapper -->

  <!-- /#wrapper -->
  <script id="tpl-stream-list-item" type="text/template">
    <tr>
      <td>{{code}}</td>
      <td>{{title}}</td>
      <td>{{name}}</td>
      <td>{{charge_name}}</td>
      <td>{{total_price}}</td>
      <td>{{real_name}}</td>
      <td>{{phone}}</td>
      <td>{{datetime(appointment_time)}}</td>
      <td>{{Status2String(status)}}</td>
      <td>
        <a href="/server/order-detail?orderId={{order_id}}" type="button" class="btn btn-info btn-xs">订单详情</a>
        <a data-code="{{order_id}}" type="button" class="btn btn-success btn-xs  btn-outline update-appoint">修改预约时间</a>
      </td>
    </tr>
  </script>
  <div id="hxz-background" class="background" style="display: none; "></div>
<div id="hxz-progressBar" class="progressBar" style="display: none; ">数据加载中，请稍等...</div>

<script src="/server/r/require.js"></script>
<script>/*resourcemap*/
require.config({paths:{
  "r/bower_components/jquery/dist/jquery.min": "/server/r/bower_components/jquery/dist/jquery.min",
  "r/bower_components/underscore/underscore-min": "/server/r/bower_components/underscore/underscore-min",
  "r/static/js/hxz/hxz.valid": "/server/r/static/js/hxz/hxz.valid_12cc206",
  "r/static/js/hxz/hxz.rest": "/server/r/static/js/hxz/hxz.rest_07c8105",
  "r/bower_components/alertify/alertify.min": "/server/r/bower_components/alertify/alertify.min",
  "r/static/js/alertify-config": "/server/r/static/js/alertify-config_0cc8db2",
  "r/bower_components/bootstrap/dist/js/bootstrap.min": "/server/r/bower_components/bootstrap/dist/js/bootstrap.min",
  "r/bower_components/metisMenu/dist/metisMenu.min": "/server/r/bower_components/metisMenu/dist/metisMenu.min",
  "r/bower_components/select2/dist/js/select2": "/server/r/bower_components/select2/dist/js/select2",
  "r/static/js/hxz/hxz.ui": "/server/r/static/js/hxz/hxz.ui_0a7714d",
  "r/static/js/hxz/hxz": "/server/r/static/js/hxz/hxz_589b155",
  "r/bower_components/moment/min/moment-with-zh-cn.min": "/server/r/bower_components/moment/min/moment-with-zh-cn.min",
  "r/vendor/pagination/jquery.pagination": "/server/r/vendor/pagination/jquery.pagination",
  "r/bower_components/bootstrap-daterangepicker/daterangepicker": "/server/r/bower_components/bootstrap-daterangepicker/daterangepicker"
}});</script>
<script src="/server/r/static/js/app/admin-coach-list_0d2942b.js"></script>
</body>
</html>